<script language="javascript" type="text/javascript">
	$.getScript('js/group.tab.js', function() {
		groupPageLoaded('group.tab');
	});
</script>

<div class="tab_content" style="min-height: 450px;">

	<div class="Help">
		<img src="image/Help_Button.gif" onclick="showHelp('group');" />
	</div>
	<div class="groupLoadingBox"></div>
	<?php require($SETTINGS['VIEW_PATH'] . "messages" . $SETTINGS['VIEW_NAME']) ?>

	<div id="loggedInUserInfoTop">ユーザー情報</div>
	<div id="loggedInUserInfo">
		<img src="<?php echo $_SESSION['twitter_icon']?>" />
		<div><?php echo $_SESSION['twitter_username']?>としてログインしています。</div>

	</div>
	<p />

	<div class="group" 
		<?php if (!isset($_SESSION['group'])) { ?> style="display:none;" <?php } ?>
	>
		<div class="groupTop">使用中のグループ</div>
		<div class="groupMain">
			<?php if (isset($_SESSION['group'])) { ?>
				<?php include($SETTINGS['MODEL_PATH'] . "group/view_group_menu.php"); ?>
			<?php } ?>
		</div>
	</div>

	<div class="chooseGroup">
		<div id="group_list_text"  class="chooseGroupTop">グループを選んでください</div>
		<div class="chooseGroupMain">
			<input style="margin-top:10px;" type="button" onclick="loadPage('グループ作成');" 
			       id="create_group_button" value="グループ作成" />

			<?php if ($groups) { ?>
				<ul id="group_list">
					
				<?php foreach ($groups as $group) { ?>
					<li>
						<a href="#/グループ表示/<?php echo $group->name ?>" onclick="groupChange(<?php echo $group->id ?>);return false;"
							<?php if ($group->current) { ?> class="current" <?php } ?>
						>
						<?php echo $group->name ?></a>
						<input type="hidden" name="group_id" value="<?php echo $group->id ?>">

						<?php if ($group->leader) echo "(★)" ?>
								
					</li>
				<?php } ?>
						
				</ul>
				<?php if ($user_is_leader) { ?>
					<p>(★がついているグループはあなたがリーダーのグループです。)</p>
				<?php } ?>
				
			<?php } else { ?>
				<p>現在、参加しているグループがありません。</p>
			<?php } ?>

		</div>
	</div>

	<a  href="#" onclick="loadPage('ログアウト')">ログアウト</a>
</div>